.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}
.sc-head{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	.pxToRem(height,103);
	background: #fff;
	display: flex;
	justify-content:space-between;
	align-items:center;
	z-index: 10;
	span{
		cursor: pointer;
	}
	.h-spleft{
		.pxToRem(font-size,50);
		padding: 2%;
		margin:2%;
		border-radius: 100%;
	}
	.h-spcenter{
		flex:1;
		text-align: center;
		.pxToRem(font-size,30);
	}
	.h-spright{
		width: 20%;
		display: flex;
		justify-content:space-around;
		align-items:center;
		img{
			.pxToRem(width,40);
		}
	}
}
.swiper-container{
	width: 100%;
	background: #fff;
 	.swiper-slide {
	    img{
	    	width: 100%;
	    }
    }
}
.main{
	width: 100%;
	background: #efefef;
	.pxToRem(margin-top,104);
	.zxfl{
		.pxToRem(margin-top,20);
		background: #fff;
		.top{
			.pxToRem(padding-left,20);
			.pxToRem(padding-right,20);
			display: flex;
			align-items:center;
			justify-content:space-between;
			.pxToRem(height,72);
			.pxToRem(font-size,32);
			border-bottom:1px solid #f5f5f5;
			.t-left{
				display: flex;
				align-items:center;
				img{
					.pxToRem(margin-right,20);
					.pxToRem(width,35);
				}
			}
			.t-right{
				color: #32acff;
				float: right;
			}
		}
		.sw3{
			.swiper-wrapper{
				.pxToRem(padding-top,20);
				.pxToRem(padding-bottom,20);
				width: 96%;
				.swiper-slide{
					.xinyou{
						border:1px solid #eee9ee;
						width: 100%;
						dt{
							img{
								width: 100%;
							}
						}
						dd{
							p{
								width: 100%;
								img{
									float: left;
									.pxToRem(padding-left,8);
									.pxToRem(padding-right,8);
									.pxToRem(padding-top,20);
									.pxToRem(padding-bottom,20);
									.pxToRem(width,67);
								}
								.xy-bt{
									float: left;
									width:60%;
									color: #505250;
									.pxToRem(font-size,18);
									.pxToRem(padding-top,30);
								}
								.xy-nr{
									float: left;
									width:60%;
									color: #c6c4c6;
									.pxToRem(padding-top,10);
									.pxToRem(font-size,22);
									.xr-a{
										color: #e4b552;
									}
								}
							}
							button{
								width: 96%;
								color: #fff;
								margin-left: 2%;
								.pxToRem(font-size,25);
								.pxToRem(height,52);
								.pxToRem(border-radius,6);
								background: #ff3031;
								border:none;
								.pxToRem(margin-bottom,16);
							}
							.yuyue{
								.pxToRem(margin-top,10);
							}
							.djlq{
								background: #3c99f0;
							}
						}
					}
				}
			}
		}
	.bottom{
			display: flex;
			align-items:center;
			.b-dl{
				width: 25%;
				text-align: center;
				.pxToRem(font-size,22);
				.pxToRem(padding-top,20);
				.pxToRem(padding-bottom,20);
				dt{
					img{
						width: 80%;
					}
				}
				dd{
					.pxToRem(padding-top,15);
				}
				.bd1{
					color: #2e2e2e;
				}
				.bd2{
					color: #9d9c9d;
				}
			}
		}
		.bb{
			display: flex;
			align-items:center;
			justify-content:space-between;
			.bb-left{
				.pxToRem(width,75);
				.pxToRem(height,80);
				.pxToRem(margin,28);
				img{
					width: 100%;
				}
			}
			.bb-center{
				flex:1;
				.pxToRem(font-size,28);
				border-left:1px solid #f5f5f5;
				.pxToRem(height,60);
				box-sizing: border-box;
				.pxToRem(padding-left,32);
				.pxToRem(padding-right,32);
			}
			.bb-right{
				color: #ff2122;
				.pxToRem(font-size,22);
				.pxToRem(width,150);
				text-align: center;
			}
		}
	}
	.zxbb{
		flex-wrap:wrap;
	}
	.sc{
		margin-top: 0;
	}
	.z-bw{
		width: 100%;
		background-color: #fff;
		display: flex;
		justify-content:center;
		flex-direction:column;
		align-items:center;
		.pxToRem(margin-top,20);
		.zb-top{
			width: 100%;
			display: flex;
			justify-content:center;
			.zb-lfet{
				.pxToRem(width,126);
				margin:2%;
				img{
					width: 100%;
				}
			}
			.zb-center{
				flex:1;
				.zb-title{
					.pxToRem(font-size,30);
					margin-top: 4%;
				}
				.ab-qu{
					margin-top:2%;
					.pxToRem(font-size,26);
					color: #898889;
				}
				.zb-fb{
					margin-top:2%;
					.pxToRem(font-size,24);
				}
			}
			.zb-right{
				width: 20%;
				margin-top:5%;
				text-align: center;
				.pxToRem(font-size,30);
				color:red;

			}
		}
		.zb-bottom{
			width: 94%;
			margin-top: 2%;
			background: #f7f3f7;
			box-sizing:border-box;
			padding: 2%;
			border-radius: 10px;
			position: relative;
			.pxToRem(margin-bottom,20);
			.zbb-ti{
				.pxToRem(font-size,28);
				.pxToRem(line-height,40);
			}
			.zbb-nr{
				margin-top: 1%;
				.pxToRem(font-size,20);
				.pxToRem(line-height,30);
				color: #9f9d9f;
				.sss{
					.pxToRem(width,40);
					.pxToRem(height,40);
					background: #f7f3f7;
					display: block;
					position: absolute;
					.pxToRem(top,-20);
					.pxToRem(left,30);
					transform: rotate(45deg);
				}
			}
			.zbb-tu{
				width: 100%;
				display: flex;
				justify-content:space-between;
				align-items:center;
				.zb1{
					flex:1;
					padding: 1%;
					box-sizing: border-box;
					img{
						width: 100%;
					}
				}
			}
		}
	}
}
